{% extends "my_friends/shared.html" %}

{% block title %}
Add friends
{% endblock %}

{% block content %}
	<h2>You can choose friends you want to add
	to your friends list from the list below:</h2>
	
	<div class="paragraph">
		<form id="friends" action="/friends/activeAdd/" method="post">
			<br />
			{% for u in users %}
			<input type="checkbox" name="friendsToAdd"  value="{{ u }}" id="{{ u }}" />
			<label for="{{ u }}" >{{ u }}</label>
			<br />
			{% endfor %}
			<br />
			<input type="image" src ="{{ STATIC_URL }}images/buttons/add.png" value="Add selected as friends" />
		</form>
		<div class="helpSheet">
			<br />
			{% if users %}
			Select all your friends from the above list, and click the 'Add' button.
			<br />
			They will then be added to your friends list, and you could find shared recommendations,
			add them to groups etc.
			{% else %}
			It seems like every person in the website is already your friend!
			<br />
			You can edit that in the 'My friends' page.
			{% endif %}
		</div>
	</div>
{% endblock %}
